<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07_表单练习</title>
</head>
<body>
    <form action="">
        姓名1: <input type="text" name="name" placeholder="请输入昵称"><br>
        姓名2: <input type="text" name="password" placeholder="请输入密码" value="kk" readonly><br>
        姓名3: <input type="text" name="password1" placeholder="请输入密码" value="kk" disabled><br>
        密码: <input type="password" name="password" placeholder="请输入密码" maxlength="8"><br>
        性别:<input type="radio" name="gender" value="1">男
            <input type="radio" name="gender" value="0" checked>女<br>
        爱好 ：
            <input type="checkbox" name="hobby" value="cf">吃饭
            <input type="checkbox" name="hobby" value="sj">睡觉
            <input type="checkbox" name="hobby" value="dyx">打游戏<br>
        <!--h5新增的表单控件-->
            颜色：<input type="color" name="color"><br>
            日期：<input type="date" name="date"><br>
            文件：<input type="file" name="file"><br>
            范围：<input type="range" name="range"><br>
        <hr>
        <select name="city">
            <option value="beijing">北京</option>
            <option value="shanghai">上海</option>
            <option value="guangzhou">广州</option>
            <option value="shenzhen">深圳</option>
            <option value="hangzhou">杭州</option>
            <option value="wuhan">武汉</option>
            <option value="chongqing">重庆</option>
            <option value="ningbo">宁波</option>
            <option value="zhengzhou">郑州</option>
            <option value="xian">西安</option>
            <option value="tianjin">天津</option>
        </select>
        <hr>
        留言板：<br>
        <textarea name="message" style="resize: none"></textarea><br>
        <!--关联控件-->
       <input type="checkbox" id="ok">
        <label for="ok">我同意以上协议</label><br>
        <label for="nickname">昵称：</label>
        <input type="text" id="nickname" name="nm"><br>
            <input type="submit">
            <input type="reset">
            <input type="button" value="点我注册">
    </form>
</body>
</html>